

export default {
  homeContainer: {
    width: '100vw',
    height: '100vh',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },
  btn: {
    width: 480,
    height: 100,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    fontSize: 26,
    color: '#fff',
    fontWeight: 800,
    padding: '10px 60px',
    background: '#f2af0e',
    boxShadow: '4px 4px 2px 2px #e37272',
    cursor: 'pointer',
    letterSpacing: 5,
  },
  count: {
    height: 100,
    // width: 300,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  img: {
    height: 80,
    width: 80,
    marginRight: 30,
  },
  span: {
    fontSize: 40,
    fontWeight: 400,
    color: '#d07e10',
  },
  qcur: {
    fontSize: 30,
    fontWeight: 400,
    marginLeft: 15,
  },

  qall: {
    height: 420,
    width: '100vw',
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },
  qEach: {
    height: 100,
    width: '100vw',
    display: 'flex',
    // flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    fontSize: 48,
    letterSpacing: 15,
    color: '#313131',
  },
  qInner: {
    
    height: 80,
    width: 80,
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    // border: '2px solid red',
    boxShadow: '0px 0px 2px 4px #f53030',
    letterSpacing: 0,
    marginRight: 10,
    color: '#ff8e8e',
  },

  otherWrap: {
    height: 140,
    width: '100vw',
    
  },
  otherL: {
    height: 80,
    width: '100vw',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    marginBottom: 20,
  },
  otherW: {
    margin: '10px 10px',
    height: 80,
    width: 80,
    fontSize: 35,
    background: '#ccc',
    borderRadius: 5,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    cursor: 'pointer',
    color: '#fff',
    background: '#3bc8eb',
  },

  over: {
    height: 500,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    fontSize: 40,
    fontWeight: 800,
  },
  rAll: {
    height: 100,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  rEach: {
    width: 50,
    height: 50,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    boxShadow: 'rgb(197 197 197) 0px 0px 0px 4px',
    margin: '0px 8px',
  },
  score: {
    position: 'relative',
    height: 300,
    window: 300,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  scoreFinal: {
    fontSize: 140,
    color: 'red',
    transform: 'skew(-3deg, -5deg)',
  },
  scoreLine: {
    position: 'absolute',
    bottom: 20,
    let: 0,
    width: 300,
    height: 80,
  }
}